.latest-sermons-top {
    width: 100%;
    img{
        width: 100%;
        height: 150px;
    }
}
.latest-sermons-search {
    width: 100%;
  
    padding-top: 10px;
    font-family: "微软雅黑";
    .search-center {
        margin: 20px;
        .center-time {
            width: 83px;
            height: 83px;
            position: relative;
            background: url("../img/events_bg.png");
            .month-day {
                position: absolute;
                left: 50%;
                margin-left: -18px;
                top: 50%;
                margin-top: -19px;
                width: 36px;
                h2 {
                    font-size: 16px;
                    color: #55554D;
                    margin-bottom: 4px;
                }
                h3 {
                    font-size: 14px;
                    color: #A59C95;
                }
            }
        }
        .center-title {
            padding: 10px 20px;
            width: 45%;
            h2 {
                font-size: 24px;
                color: #55554D;
                margin-bottom: 13px;
            }
            h3 {
                font-size: 13px;
                color: #A59C95;
                text-transform: uppercase;
                a{
                    color: #C49A77;
                    text-decoration: underline;
                }
            }
        }
        .center-search{
            padding-top: 18px;
            position: relative;
            span{
                position: absolute;
                top: 29px;
                left: 10px;
                font-size: 12px;
                padding-right: 10px;
                color: #A99C99;
                border-right: 1px dashed #AAA59D;
                cursor: pointer;
            }
            input{
                width: 300px;
                height: 35px;
                font-size: 14px;
                border: 0;
                outline: none;
                font-family: "微软雅黑";
                padding-left: 42px;
                box-shadow: 0 0 3px #B9B8B8;
                border-radius: 60px;
                background: #F7F7F7;
            }
        }
    }
}
.latest-sermons-content{
   
    .latest-sermons-article{
        width: 74%;
        float: left;
        background: #F9F9F9;
        margin-right: 20px;
         border-left: none;
         text-shadow: #000000;
        ul{
            padding: 30px 20px;
            li{ 
                .latest-sermons-article-list{
                    display: table-cell;
                    width: 35%;
                    float: left;
               
                .voice-pic{
                    display: inline-block;
                    width: 80px;
                    height: 80px;
                    background: url(../img/media_bg.png);
                    float: left;
                  position: relative;

                }
              .voice-pic>.fa-microphone{
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  margin-left:-6px;
                  margin-top: -12px;
                  color: white;
                  font-size: 24px;
              }
                  p{
                        margin-left:40%;
                        padding-top:15px;
                        padding-bottom: 5px;
                       
                    }
                    button{
                        padding: 6px 10px;
                        background: rgba(76, 112, 108, 1);
                        color: #DCE1E4;
                        border: none;
                        outline: none;
                        border-radius:5px;
                        font-size: 12px;
                        cursor: pointer;
                        font-family: "微软雅黑";
                        .fa-microphone{
                            padding: 0 4px;
                        }
                    }
               }
               .latest-sermons-article-inner{
                   font-size: 16px;
                   font-weight: 700;
                   font-family: "微软雅黑";
                   color: #A69C93;
                   p{
                       line-height: 25px;
                       margin-left:  48%;
                   }
               }
               .latest-sermons-article-content{
                   font-size: 16px;
                   line-height: 25px;
                   font-weight: 700;
                   font-family: "微软雅黑";
                   color: #A69C93;
                   padding: 15px 0;
               }
               .latest-sermons-article-content:first-of-type{
                   padding: 30px 0 15px 0;
               }
            }
        }
    }
     .latest-sermons-aside{
        margin-left: 78%;
        margin-right: 20px;
        dl{
            dt{
                h3{
                    padding-bottom: 15px;
                    border-bottom: 1px solid gray;
                }
            }
            dd{
                margin: 10px auto;
                a{
                    display: inline-block;
                    width:65px ;
                    height: 65px;
                    background: black;
                    float: left;
                }
                p,time{
                    font-family: "微软雅黑";
                    margin-left: 80px;
                     font-size: 14px;
                     line-height: 25px;
                   font-weight: 700;
                    color: #A69C93;
                }
                time{
                    color: #DCDCDA;
                }
            }
        }
        
        .latest-sermons-content-comments{
            
            .latest-sermons-list-box{
                img{
                      float: left;
                }
              
            }
           .list-box-inner{
               margin-left: 265px;
           }
        }  
    }
}
@media screen and (max-width: 1024px)and(min-width:768px) {

    .latest-sermons-content .latest-sermons-article{
        width: 100%;
        float: none;
    }
    .latest-sermons-content .latest-sermons-aside{
        display: none;
    }
    .latest-sermons-content .latest-sermons-article ul li .latest-sermons-article-list p{
        
    }
}
  
@media screen and (max-width:768px)and(min-width:500px) {
     .latest-sermons-content .latest-sermons-article{
        width: 100%;
        float: none;
    }
    .latest-sermons-content .latest-sermons-aside{
        margin: 0;
        
    }
    .latest-sermons-content .latest-sermons-aside dl dd{
        margin: 0;
    }
    .latest-sermons-content .latest-sermons-aside dl dd p, .latest-sermons-content .latest-sermons-aside dl dd time{
        line-height: 35px;
    }
  }
  
  @media screen and (max-width:500px) {
    .latest-sermons-search .search-center .center-time,.latest-sermons-search .search-center .center-title{
        display: none;
    }
    .latest-sermons-content .latest-sermons-article{
        width: 100%;
        float: none;
    }
    .latest-sermons-content .latest-sermons-aside{
        display: none;
    }
    .latest-sermons-content .latest-sermons-article ul li .latest-sermons-article-list .voice-pic{
        float: none;
    }
    .latest-sermons-content .latest-sermons-article ul li .latest-sermons-article-list p{
        display: block;
          margin: 0;
        padding: 0;
        font-size: 12px;
    }
    .latest-sermons-content .latest-sermons-article ul li .latest-sermons-article-list button{
         padding: 0;
         margin: 0;
         font-size: 12px;
    }
 
    .latest-sermons-content .latest-sermons-article ul li .latest-sermons-article-inner p{
        margin: 0;
    }
  }

